<template>
  <rect
    :x="props.x"
    :y="props.y"
    width="1"
    height="1"
    :fill="props.fill"
    :transform="props.transform"
  >
    <slot></slot>
  </rect>
</template>

<script setup>
  const props = defineProps({
    x: {
      type: Number,
      default: 0,
    },
    y: {
      type: Number,
      default: 0,
    },
    fill: {
      type: String,
      default: 'none',
    },
    transform: {
      type: String,
      default: '',
    }
  })
</script>

<style lang="scss" scoped>

</style>